<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="./App/Home/View/Common/css/bottom.css" />
		<link rel="stylesheet" href="./App/Home/View/Common/css/head1.css" />
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/orderDetails.css"/>
	</head>
	<body>
		{{include file="../Common/View/head1"}}
		<div class="orders-me-page me-page yoho-page clearfix">
			<div class="home-path">
				<span class="path-icon"></span>
				<a href="{{U('Index/index')}}">YOHO!有货首页</a>>
				<a href="">个人中心</a>>
				<span>订单中心</span>>
				<span>订单详情</span>
			</div>
			<div class="home-navigation block">
				<p class="title ucenter"></p>
				<div class="user-thumb">
					<div class="thumb-bg">
						<img id="user-thumb" src="./Public/Home/images/Home/01cae078abe5fe320c88cdf4c220212688.gif" alt="" />
					</div>
				</div>
				<div class="nav-group">
					<div class="nav-title row">
						<span class="title-icon"></span>
						交易管理
					</div>
					<ul>
						<li class="row first active">
							<a href="{{U('index')}}">我的订单</a>
						</li>
						<li class="row">
							<a href="">我的收藏</a>
						</li>
						<li class="row">
							<a href="">我的YOHO币</a>
						</li>
						<li class="row">
							<a href="">我的红包</a>
						</li>
						<li class="row">
							<a href="">我的优惠券</a>
						</li>
						<li class="row">
							<a href="">我的VIP</a>
						</li>
					</ul>
				</div>
				<div class="nav-group">
					<div class="nav-title row">
						<span class="title-icon"></span>
						服务中心
					</div>
					<ul>
						<li class="row ">
							<a href="">我的退/换货</a>
						</li>
						<li class="row">
							<a href="">我的咨询</a>
						</li>
						<li class="row">
							<a href="">我的评论</a>
						</li>
						<li class="row">
							<a href="">我的投诉</a>
						</li>
						<li class="row">
							<a href="">我的信息</a>
							<span>（1）</span>
						</li>
						<li class="row">
							<a href="">在线客服</a>
						</li>
					</ul>
				</div>
				<div class="nav-group">
					<div class="nav-title row">
						<span class="title-icon"></span>
						个人信息管理
					</div>
					<ul>
						<li class="row ">
							<a href="{{U('uprofile')}}">编辑个人资料</a>
						</li>
						<li class="row">
							<a href="">账号安全</a>
						</li>
						<li class="row">
							<a href="{{U('addManage')}}">地址管理</a>
						</li>
						<li class="row">
							<a href="">兑换礼品卡</a>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="me-main">
				<div class="me-main">
					<div class="order-detail block">
						<h2 class="title"></h2>
						<div class="status">
							<p>订单编号： 1616197982</p>
							<p class="cur-status">当前状态：订单已取消 </p>
						</div>
						<div class="detail-info">
							<div class="trace-order">
								<p class="sub-title">
									<span class="icon"></span>订单追踪 
								</p>
								<div class="content">
									<p>下单时间：2016.05.22 13:37:07</p>
									<table >
										<tr>
											<th class="handle-time">处理时间</th>
											<th class="recive-place">接收地点</th>
											<th class="logistics-info">物流信息</th>
										</tr>
										<tr>
											<td>2016-05-22 13:37:07</td>
											<td></td>
											<td>您的订单已提交，等待付款 </td>
										</tr>
									</table>
								</div>
							</div>
							<div class="order-info">
								<p class="sub-title">
									<span class="icon"></span>订单信息 
								</p>
								<div class="content">
									<p>收货人：李丹</p>
									<p>收货地址：河南省 周口市 川汇区 打啊</p>
									<p>联系电话：159****9511</p>
								</div>
							</div>
							<div class="order-remark">
								<p class="sub-title">
									<span class="icon"></span>备注 
								</p>
								<div class="content">
								</div>
							</div>
							<div class="pay-mode">
								<p class="sub-title">
									<span class="icon"></span>支付及配送方式
								</p>
								<div class="content">
									<p>支付类型：在线支付</p>
									<p>送货上门时间：工作日、双休日和节假日均送货</p>
								</div>
							</div>
							<div class="good-list">
								<p class="sub-title">
									<span class="icon"></span>商品清单
								</p>
								<div class="content">
									<table>
										<thead>
											<tr>
												<th class="product-info">商品信息</th>
												<th class="good-price">单价（元）</th>
												<th class="yoho-coin">返YOHO币</th>
												<th class="num">数量</th>
												<th class="sum">小计（元）</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>
													<a class="thumb-link" href="">
														<img class="thumb" src="./Public/Home/images/017ff7a998501e7b1f9156297b13031ec8.jpg" alt="" />
													</a>
													<p class="name-color-size">
														<a class="name" href="">THETHING  灯芯绒特殊剪裁中裤</a>
														 颜色：咖啡 尺码：33英寸
													</p>
												</td>
												<td>140.00</td>
												<td>0</td>
												<td>1</td>
												<td>140.00</td>
											</tr>
										</tbody>
									</table>
									<div class="order-balance">
										<p>商品总金额: 
											<span style="font-weight: 700;">¥140.00 元</span>
										</p>
										<p>运费: ¥10.00 元 </p>
										<p>实际应支付:
											<span class="payment">¥150.00</span>
											元
										</p>
									</div>
								</div>
								
							</div>
							<div class="order-operation">
								<p>
									<span class="cancel-icon oo-icon"></span>
									 订单已取消 
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		{{include file="../Common/View/bottom"}}
		
	</body>
</html>
